<template>
  <div class="xiaolanshu">
    <el-container style="height: 844px;width: 390px;">
      <el-main style="height: 90%;">
        <RouterView/>
      </el-main>
      <el-footer style="height: 10%;">
        <div style="width: 100%;">
          <el-menu style="display: flex;flex-direction: row;" router>
            <el-menu-item  index="/">
              <div style="width: 80px;height: 80px;margin-left: -15px;margin-top: 22px;">
                <el-icon style="font-size: 50px;margin-left: 10px;width: 30px;height: 30px;margin-top: 10px;"><HomeFilled /></el-icon>
                <p style="margin-left: 11px;margin-top: -25px;font-weight: bold;">首页</p>
              </div>
            </el-menu-item>
            <el-menu-item index="/fabuzuoping">
              <div style="width: 80px;height: 80px;margin-top: 22px;">
                <el-icon style="width: 50px;height: 50px;font-size: 40px;margin-top: 15px;margin-left: 27px;"><CirclePlusFilled /></el-icon>
              </div>
            </el-menu-item>
            <el-menu-item @click = "select" :index="command">
              <div style="width: 80px;height: 80px;margin-left: 20px;margin-top: 22px;">
                <el-icon style="font-size: 50px;margin-left: 40px;width: 30px;height: 30px;margin-top: 10px;"><UserFilled /></el-icon>
                <p style="margin-left: 41px;margin-top: -25px;font-weight: bold;">我的</p>
              </div>
            </el-menu-item>
          </el-menu>
          </div>
      </el-footer>
    </el-container>
  </div>
</template>

<style scoped>

</style>

<script setup>
import {HomeFilled,CirclePlusFilled,UserFilled} from "@element-plus/icons-vue"
import {ref} from 'vue'
const command = ref("")
const select = ()=>{
      if (localStorage.getItem('token')){
        command.value = "/dengluChengg"
      }else{
        command.value = "/wodeJiemian"
      }

    }


</script>
